<template>
  <div id="console">
    <template v-if="isDep">
      <!-- <ABC></ABC> -->
    </template>
    <button type="button" class="btn" @click="drawer = !drawer"></button>
    <el-drawer
      :with-header="false"
      :visible.sync="drawer"
      direction="rtl" size="480px"
      close-on-press-escape
      :append-to-body="false"
      :modal="true"
      :modal-append-to-body="false"
      :wrapper-closable="true"
      >
      <ABC></ABC>
    </el-drawer>
  </div>
</template>

<script>
import { mapState, mapMutations } from 'vuex';

export default {
  components:{
    "ABC":()=>{return import('./开发用展示区.vue')},
  },
  /*计算*/computed:{
    ...mapState([
      'TOKEN',
      'conditional',

      'leftView',
      'middleView',
      'rightView',
      
      'listApp',

      'cusInfo',
      'msgList',

      'cusList_Page_state',
      'listCus',
      
      'uObjApp',
      'uObjCus','uObjCusTags',
      'aObjCus',
      'aTreeOrg',
      'aObjLabel',

      'listLabel',

      'draftText',
      'draftImage',
      'draftMpnews',
      'draftVideo',
      'draftFile',
    ])
  },
  data:()=>{
    return {
      f9:true,
      f12:true,
      drawer:false,
      isDep:process.env.NODE_ENV== 'development',
    }
  },
  methods:{
    toggleF9(){
      this.f9 = !this.f9;
    },
    toggleF12(){
      this.f12 = !this.f12;
    },
  }
}
</script>

<style lang="less" scoped>
#console{
  position: fixed;
  top:0vh;right:0;
  // bottom:0;left:76vw;
  z-index:7;
  font-size:12px;
  line-height:1.5;
  overflow: auto;;
  background-color:rgba(188,234,250,0.5);
}
.canntClick{
  pointer-events : none
}
.btn{width:12px;height:4px;}
</style>